<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.product {
				border: 1px  solid  #f0f0f0;
				border: 2px  solid  #f00;
				/* width: 232px;
				height: 372px; */
				width: 348px;
				height: 560px;
				/* overflow: visible; */
			}
			.product:hover {
				border: 10px solid #f00;
			}
			.product > img {
				width: 100%;  /*占满父元素*/
			}
			.product > img:hover {
				width: 105%;
			}
		</style>
	</head>
	<body>
		<div class="product">
			<img src="img/p.jpg">
			<h4>￥6599.00</h4>
			<p title="戴尔DELL灵越燃7000 R1725G 14.0英寸轻薄窄边框笔记本电脑(i7-7500U 8G 128GSSD+1T 940MX 2G独显 FHD)金">戴尔DELL灵越燃7000 R1725G 14.0英寸轻薄窄边框笔记本电脑(i7-7500U 8G 128GSSD+1T 940MX 2G独显 FHD)金</p>
		</div>
	</body>
</html>
